<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>职位信息</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath }/js/public.js" charset="utf-8"></script>

<script type="text/javascript" charset="utf-8">
	function changePicture_left(id) {
		var pic = document.getElementById("pic");
		pic.src = "${pageContext.request.contextPath }/imgs/position/p"+id+".png";
	}
	function changePicture_right(id) {
		var pic = document.getElementById("pic");
		pic.src = "${pageContext.request.contextPath }/imgs/position/p"+id+"_"+id+".png";
	}
	function changeStyle_over_left() {
		var lb = document.getElementById("leftButton");
		lb.style.opacity = 0.5;
	}
	function changeStyle_over_right() {
		var rb = document.getElementById("rightButton");
		rb.style.opacity = 0.5;
	}
	function changeStyle_out_left() {
		var lb = document.getElementById("leftButton");
		lb.style.opacity = 0.1;
	}
	function changeStyle_out_right() {
		var rb = document.getElementById("rightButton");
		rb.style.opacity = 0.1;
	}
	$(document).ready(function() {
			$("#div1").slideDown(1000);
	});		
</script>

</head>
<body style="background: ${color}">
	<div align="center">
		<div style="height: 30px " align="right"></div>
		<div id="div1" style="display: none">
			<c:if test="${id!=5 }">
				<img id="leftButton"
					src="${pageContext.request.contextPath }/imgs/left.png"
					style="position:absolute;margin-top:200;margin-left:-80;opacity:0.1"
					onmouseover="changeStyle_over_left()"
					onmouseout="changeStyle_out_left()"
					onmousedown="changePicture_left(${id})">
			</c:if>
			<img id="pic"
				src="${pageContext.request.contextPath }/imgs/position/p${id}.png">
			<c:if test="${id==5 }">
				<div>
					<div style="height: 20px " align="right"></div>
					<a
						href="${pageContext.request.contextPath }/jsp/applicant/applyUI.jsp"><img
						id="pic" src="${pageContext.request.contextPath }/imgs/2.png">
					</a>
				</div>
			</c:if>
			<c:if test="${id!=5 }">
				<img id="rightButton"
					src="${pageContext.request.contextPath }/imgs/right.png"
					style="position:absolute;margin-top:200;margin-left:50;opacity:0.1"
					onmouseover="changeStyle_over_right()"
					onmouseout="changeStyle_out_right()"
					onmousedown="changePicture_right(${id})">
			</c:if>
		</div>
	</div>
</body>
</html>
